近期在搭建自己的简单博客系统,在本地可以前后台分离的运行,但是部署到服务器就总是会404,最后在react官网问答上面找到了答案。
1.react设置了项目代理
package.json
...//其他部分省略
"proxy": "http://www.iamcrawler.cn"
2 npm run build
3.服务器nginx配置:
server {
listen 80 ;
server_name localhost:4000;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
root /react/build;
index index.htm index.html;
}
location /api/ {
proxy_pass http://127.0.0.1:4000;
}
error_page 404 /404.html;
location = /40x.html {
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
1.第一个localtion /: 前台地址
2.第二个location /api/ 后台带/api的请求地址
附上原问答地址:http://react-china.org/t/reac...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。